<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I customize my Calendar display?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I customize my Calendar display?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_0EE3F5B1-458A-4E97-8FBD-A2CD6EBC0E82" class="text-block-content">
    <p>The Calendar tool can be customized according to your individual display preferences.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">To access this tool, select Calendar from the Tool Menu of your site.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/318/183/original/9401fd02-e0f6-45b5-9a00-677a3550fccd.png" alt="Image of Calendar tool" height="111" width="160">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="calendar-options">
    <h2 class="step-title screensteps-heading">Calendar Options</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/186/original/a8efa69c-fe20-4e3f-a8b4-a3adf49f8136.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/186/medium/a8efa69c-fe20-4e3f-a8b4-a3adf49f8136.png" alt="Image of the calendar by week" height="663" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6BA62053-37B7-4693-8F54-0CEF6F1EDC41" class="text-block-content">
    <p>To modify the display, select the button to the right of the calendar. This allows you to select your view by <em>Month</em>, <em>Week</em>, <em>Day</em>, or <em>List</em>. </p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="list-of-events">
    <h3 class="step-title screensteps-heading">List of Events</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/368/839/original/065fecb7-83b0-472e-80f8-a3bb0b2a8a86.png" alt="Image of the list drop down" height="118" width="376">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_669CE0D1-7E73-4966-A322-B0EA90366D23" class="text-block-content">
    <p>The <strong>List of Events </strong>option in the View drop down menu allows you to view your events in list form. </p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/188/original/07357692-0cac-42f2-a3ab-45dc3479baf8.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/188/medium/07357692-0cac-42f2-a3ab-45dc3479baf8.png" alt="Image of the list page in calendar" height="453" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_23CA1033-E513-4DA8-AD93-B6C2827A2930" class="text-block-content">
    <p>After selecting <strong>List of Events</strong> from the <strong>View</strong> menu, you have the following options:</p>
<ol>
<li>Select the date range of the events you want to display.</li>
<li>You can choose to display site events, group events, or both.</li>
<li>Select <strong>Update Display</strong> once you've selected your settings. </li>
</ol>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="display-settings">
    <h2 class="step-title screensteps-heading">Calendar Ribbon</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/191/original/64a83228-f458-4662-a905-553d27436407.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/191/medium/64a83228-f458-4662-a905-553d27436407.png" alt="Image of the calendar ribbon" height="92" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_B1C507DB-D5B8-42BC-87BD-D9E244034C35" class="text-block-content">
    <p>Just above the calendar itself is a list of additional customizations that can be made to the calendar. This ribbon includes the following:</p>
<ul>
<li>View Events</li>
<li>Add Event</li>
<li>Import Events</li>
<li>Merge Internal Calendars</li>
<li>Merge External Calendars</li>
<li>Publish (public)</li>
<li>Publish (private)</li>
<li>Add/Edit Fields</li>
<li>Permissions</li>
</ul>
<p><em>Note: This ribbon is only visible to the Instructor. Students will only see the <strong>View Events</strong> and <strong>Publish (private) </strong>options. </em></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="legend">
    <h2 class="step-title screensteps-heading">Legend</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/141/348/original/65c26541-960a-4a0c-aa6c-d67048be877f.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/141/348/medium/65c26541-960a-4a0c-aa6c-d67048be877f.png" alt="Image of the calendar legend" height="389" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_399B6D73-D4E0-4570-91B5-C16E165A4ADD" class="text-block-content">
    <p>Beneath the calendar, you will see a Legend that defines what all the different icons mean. As events are added to the calendar, the event type designation will populate the associated icon into the calendar. </p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
